<!DOCTYPE html>

<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<link rel="stylesheet" href="new_css/header_footer.css?t=1">
		<link rel="stylesheet" href="new_css/marineIndex.css">
		<link rel="stylesheet" type="text/css" href="css/main_style.css" />
		<style type="text/css">
			.mainList .content .right .item:hover{
				box-shadow: 0 0 15px 0px rgba(255,138,0,0.3);
			}
			
			.mainList .content .right {
    /* margin-left: 8px; */
    width: 998px;
    float: right;
    height: 100%;
    padding: 0 20px;
    border: 1px solid #d3d3d3;
    overflow-y: scroll;
}
		</style>
		<script src="js/jquery-1.11.3.js"></script>

		<script>
			$(function() {
				
			$(".tab1").click(function(){
				console.log("11111111");
			});
			
			$('.mainList .content .left ul li').click(function(){
				$('.mainList .content .left ul li').removeClass('selected');
							$(this).addClass('selected');
				
			});
//				$('.tab1').click(function() {
//					console.log("11111111");
//							$('.tabBtn .tab1').removeClass('tab2');
//							$(this).addClass('tab2');
//				});
//				$('.mainList .content .right .tabBtn .tab1').click(function() {
//					        console.log("11111111");
//							$('.mainList .content .right .tabBtn .tab1').removeClass('tab2');
//							$(this).addClass('tab2');
//				});
				$(".search1").click(function(){
					
  $(".sun_menu").toggle();
  });
  
			$(".sun_menu>li").click(function(){
				var sun =$(this).text();
				console.log(sun);
				$("#chose_name").text(sun);
			});
			
						$('#front_header .header_wrap .right').hover(function() {
							$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
							$('#front_header .header_wrap .right .out').show();
						}, function() {
							$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
							$('#front_header .header_wrap .right .out').hide();
						});
						$('#sorts').on('mouseover', 'li', function() {
							$(this).find('span img').attr('src', 'images/icon4.png');
						});
						$('#sorts').on('mouseout', 'li', function() {
							$(this).find('span img').attr('src', 'images/icon5.png');
						});

						$('.mainList .content .left li').click(function() {
							$('.mainList .content .left li').removeClass('selected');
							$(this).addClass('selected');
						});
						
						
						$('.mainList .content .left .list_header').click(function() {
							if($('.mainList .content .left .secendList').is(':hidden')) {
								$('.mainList .content .left .secendList').slideDown();
								$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
							} else {
								$('.mainList .content .left .secendList').slideUp();
								$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
							};

						});
						$("#row5 font label").click(function() {
							$("#row5 font label img").attr('src', 'images/icon35.png');
							$("#row5 font label").siblings('input').prop('checked', false);
							$(this).find('img').attr('src', 'images/icon36.png');
							$(this).siblings('input').prop('checked', true);
						});
						$("#row8 font label").click(function() {
							$("#row8 font label img").attr('src', 'images/icon35.png');
							$("#row8 font label").siblings('input').prop('checked', false);
							$(this).find('img').attr('src', 'images/icon36.png');
							$(this).siblings('input').prop('checked', true);
						});
		</script>

	</head>

	<body style="background:#fff;">

		<div id="front_header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="registeredLink">
					<a href="#this">注册</a>
				</div>

				<div class="fr right">
					<div class="main">
						<!--<div class="user_pic fl"><img src="images/user.png" /></div>-->
						<div class='user_name fl'>福建省水产研究所</div>
						<div class='icon fl'><img src="images/icon1.png" /></div>
					</div>
					<div class="out">
						<div class="user_center">
							<a href="javascript:void(0)">用户中心</a>
						</div>
						<div class="log_out">
							<a href="#this">退出登录</a>
						</div>
						<div class="tri"><img src="images/icon9.png" /></div>
					</div>
				</div>
				<div class="header_title">海洋装备</div>

			</div>
		</div>

		<div class="" id="nav_top">
			<div class="container">
				<div class="fl">
					<div class="logo ">
						<a href="/"><img src="images/logo2.png" alt=""></a>
					</div>
					<div class="web_name">
						<div class="searchBox">
							<div class="search1"><span id="chose_name">科研需求</span><img src="images/up.png"/>
							<ul class="sun_menu" style="display: none;">
								<li>科研需求</li>
								<li>科研成果</li>
								<li>专家</li>
							</ul>
							
							
							</div>
							<div class="search2"><input type="text" name="" id="" value="" placeholder="关键词"/></div>
							<div class="search3"><img src="images/searchIcon.png"/><span>搜索</span></div>
						</div>
						<div class="publishDemand"><a href="#this">发布需求</a></div>
					</div>
				</div>
			</div>
		</div>
		<div class="title">
			<div class="wrap"><a href="#this">科研成果展示</a><a href="#this" class="selected">科研需求展示</a><a href="#this">专家展示</a><a href="#this">交易大厅</a><a href="#this">难题发布</a></div>
		</div>
		<div class="mainList">
			<div class="content">
				<div class="left">
					
					<ul>
						<li ><img src="images/marineIcon1.png" />农林牧业</li>
						<li class="selected"><img src="images/marineIcon2.png" />医药医疗</li>
						<li ><img src="images/marineIcon3.png" />电子信息</li>
						<li ><img src="images/marineIcon4.png" />新型材料</li>
						<li ><img src="images/marineIcon5.png" />环保能源</li>
						<li ><img src="images/marineIcon6.png" />机械装备</li>
						<li ><img src="images/marineIcon7.png" />化学化工</li>
					</ul>
				</div>
				
				<div class="right">
					<div class="tabBtn">
						<div class="tab2 tab1">技术需求</div>
						 <div class="tab1"><a href="#this">合作需求</a></div>
						 <div class="tab1"><a href="#this">人才需求</a></div>
						 <div class="tab3"></div>
					</div>
					<div class="item">
						<div class="item_left"><p>技术需求</p></div>
						<div class="item_right">
							<div class="textInfo">
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制</div>
							<!--	<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制</div>-->
								<div class="row3"><font><span>地址：</span>浙江 温州</font><font><span>发布时间：</span>2018-5-24</font><font><span>行业类别：</span>教育领休闲</font></div>
								<div class="row4">预算：5-10万</div>
							</div>
							<div class="activBtn">
								<a href="#this">查看详情</a>
								<a href="#this">联系方式</a>
							</div>
						</div>
					</div>
				<div class="item">
						<div class="item_left"><p>技术需求</p></div>
						<div class="item_right">
							<div class="textInfo">
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制</div>
								<!--<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制</div>-->
								<div class="row3"><font><span>地址：</span>浙江 温州</font><font><span>发布时间：</span>2018-5-24</font><font><span>行业类别：</span>教育领休闲</font></div>
								<div class="row4">预算：5-10万</div>
							</div>
							<div class="activBtn">
								<a href="#this">查看详情</a>
								<a href="#this">联系方式</a>
							</div>
						</div>
					</div>
				<div class="item">
						<div class="item_left"><p>技术需求</p></div>
						<div class="item_right">
							<div class="textInfo">
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制</div>
								<!--<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制</div>-->
								<div class="row3"><font><span>地址：</span>浙江 温州</font><font><span>发布时间：</span>2018-5-24</font><font><span>行业类别：</span>教育领休闲</font></div>
								<div class="row4">预算：5-10万</div>
							</div>
							<div class="activBtn">
								<a href="#this">查看详情</a>
								<a href="#this">联系方式</a>
							</div>
						</div>
					</div>
				<div class="item">
						<div class="item_left"><p>技术需求</p></div>
						<div class="item_right">
							<div class="textInfo">
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制</div>
								<!--<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制</div>-->
								<div class="row3"><font><span>地址：</span>浙江 温州</font><font><span>发布时间：</span>2018-5-24</font><font><span>行业类别：</span>教育领休闲</font></div>
								<div class="row4">预算：5-10万</div>
							</div>
							<div class="activBtn">
								<a href="#this">查看详情</a>
								<a href="#this">联系方式</a>
							</div>
						</div>
					</div>
					
				<div class="item">
						<div class="item_left"><p>技术需求</p></div>
						<div class="item_right">
							<div class="textInfo">
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制</div>
								<!--<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制</div>-->
								<div class="row3"><font><span>地址：</span>浙江 温州</font><font><span>发布时间：</span>2018-5-24</font><font><span>行业类别：</span>教育领休闲</font></div>
								<div class="row4">预算：5-10万</div>
							</div>
							<div class="activBtn">
								<a href="#this">查看详情</a>
								<a href="#this">联系方式</a>
							</div>
						</div>
					</div>
				<div class="item">
						<div class="item_left"><p>技术需求</p></div>
						<div class="item_right">
							<div class="textInfo">
								<div class="row1">一种感应发亮的鞋底的实用新型专利定制</div>
								<!--<div class="row2"><span>需求简介：</span>一种感应发亮的鞋底的实用新型专利定制</div>-->
								<div class="row3"><font><span>地址：</span>浙江 温州</font><font><span>发布时间：</span>2018-5-24</font><font><span>行业类别：</span>教育领休闲</font></div>
								<div class="row4">预算：5-10万</div>
							</div>
							<div class="activBtn">
								<a href="#this">查看详情</a>
								<a href="#this">联系方式</a>
							</div>
						</div>
					</div>
				
				
				
				</div>
			</div>
			<div class="pageButton"></div><!--找个分页插件插入-->
		</div>

		<div id="footer">
			© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
		</div>

	</body>

</html>